<template>
    <div >
      <div v-for="(item,index) in img " :key='index'>
        <img :src="item.img" alt="" class="imgs">
      </div>
      
      <div>
        <p class="font">热门精选</p>
      </div>
      <div v-for="(m,n) in imgs" >
        <img :src="m.img" alt="" class="imgs">
      </div>
      <div class="faxian">

      </div>
    </div>
</template>

<script>
    export default {
        data(){
          return{
              img:[],
              imgs:[]
          }
        },
       mounted() {
         this.api.GetJx()
         .then(data=>{
        //  console.log(data.data.jingxuan)
          this.img=data.data.jingxuan
         })
         this.api.GetJxs()
         .then(data=>{
           //console.log(data.data.img)
           this.imgs=data.data.jingxuans
         })
         
       },
    }
</script>

<style lang="less" scoped>
.imgs{
  width: 100%;
}
.font{
  font-size: 16px;
  color: #000;
  padding: 0.2rem 0;
}
.faxian{
  width: 100%;
  height: 1.3rem;
  
}
</style>